<template>
  <router-view/>
</template>

<style lang="scss">
html, body {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background-color: #f2f3f5;
}

.query-container {
  margin-bottom: 10px;
  padding: 20px 20px 2px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, .12);
}

.inner-container {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 1px solid #409eff55;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, .12);
}

// 修改表头背景色
.el-table th.el-table__cell {
  background-color: #fafafa !important;
}

.el-table .el-link,
.el-table .el-button {
  font-size: 12px;
}

.el-table .el-link + .el-link,
.el-table .el-button + .el-button {
  margin-left: 10px;
}

.el-table .el-button [class*=el-icon] + span,
.el-table .el-icon--right {
  margin-left: 0;
}

.el-table .el-dropdown {
  margin-left: 10px;
  vertical-align: middle;
}

.el-table .el-dropdown [aria-expanded='true'] .el-icon {
  transform: rotate(180deg);
}
</style>
